<footer class="container mt-auto d-flex flex-wrap justify-content-between align-items-center py-3 border-top">
    <div class="col-md-4 d-flex align-items-center">
        <span class="mb-3 mb-md-0 text-body-secondary">© Microsoft</span>
    </div>
    {#-

    <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
        <li class="ms-3">
            <a class="text-body-secondary" href="#">
                Social Media - TODO
            </a>
        </li>
    </ul>
    #}
</footer>
